﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="css/ship.css" rel="stylesheet" />

    <style>
        /*.ship-wrapper {
            border: 1px solid black;
            display: inline-block;
            position: relative;
            transform-origin: center;
        }

        .ship-start {
            position:relative;
        }*/

        .projectiles {
            position: fixed;
            width: 600px;
            height: 600px;
            top: 50%;
            left: 50%;
            margin: -300px 0px 0px -300px;
        }
    </style>
</head>
<body>
    <!--<div class="projectiles"></div>-->
    <div class="box">
        <!--<div class="ship-wrapper" style="width:150px;height:125px;padding:25px;">
            <div class="ship-start" style="border: 1px dashed black; width: 25px; height: 25px; left: 75px; top: 50px;">
                <div class="ship-part ship-block" style="width:25px;height:25px;"></div>
                <div class="ship-part ship-block" style="width:25px;height:25px; left:-25px;"></div>
                <div class="ship-part ship-block" style="width:25px;height:25px; left:25px;"></div>
                <div class="ship-part ship-block" style="width:25px;height:25px; top:-25px;"></div>
                <div class="ship-part ship-block" style="width:25px;height:25px; top:25px;"></div>
                <div class="ship-part ship-block" style="width:25px;height:25px; left:-50px;"></div>
            </div>
        </div>-->
    </div>
    <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
    <script src="js/helper.js"></script>
    <script src="js/class.js"></script>
    <script src="js/ship.js"></script>
    <script src="js/space.js"></script>
</body>
</html>
